<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.8.1/skins/default/aliplayer-min.css" />
  <script charset="utf-8" type="text/javascript" src="https://g.alicdn.com/de/prismplayer/2.8.1/aliplayer-min.js">
  </script>
</head>

<body>
  <div class="prism-player" id="J_prismPlayer"></div>
  <script>
    var player = new Aliplayer({
      id: 'J_prismPlayer',
      width: '100%',
      autoplay: false,
      cover: 'http://liveroom-img.oss-cn-qingdao.aliyuncs.com/logo.png',
      //播放配置
      //根据视频地址进行播放
      //播放方式一：支持播放地址播放,此播放优先级最高，此种方式不能播放加密视频
      source: '你的视频播放地址',
    }, function (player) {
      console.log('播放器创建好了。')
    });

  </script>
</body>

</html>
